<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 注意我们现在是在live server中打开的，所以路径是相对于live server的根目录 -->
    <h2>浏览器可以打开的文件或者路径</h2>
    <ul>
      <li>
        <!-- 可以跳转 -->
        <!-- target="_blank" 新窗口打开  target="_self" 当前窗口打开 -->
        <a href="https://www.baidu.com">点击跳转百度</a>
      </li>

      <li>
        <!-- 可以用来打开图片,本地或者网络 -->
        <a href="/images/01.jpg" target="_blank">打开图片</a>
        <a
          href="https://ts1.cn.mm.bing.net/th?id=OIP-C.oqeM20Gfby2F0NyH3EWr0wHaJQ&w=146&h=183&c=8&rs=1&qlt=90&o=6&dpr=1.3&pid=3.1&rm=2"
          target="_blank"
          >打开图片</a
        >
      </li>
    </ul>
    <h2>浏览器不可以打开的文件或者路径</h2>
    <a href="/zip/面试学习计划.zip"> 下载zip文件</a>
    <h2>浏览器可以打开但是想下载的</h2>
    <!-- 默认文件名 download属性可强制下载 download可以修改名称  -->
    <a href="/images/02.png" download="我要改名"> 下载图片文件</a>
  </body>
</html>
